<template>
  <div>
    <!-- 手写v-model -->
    <!-- :value 和 @input -->
    <!-- <input type="text" :value="msg" @input="msg = $event.target.value" /> -->
    <!-- <input type="text" v-model="msg"> -->

    <!-- :checked 和 @chang -->
    <!-- <input
      type="checkbox"
      :checked="flag"
      @change="flag = $event.target.checked"
    /> -->

    <div style="border: 1px solid #ccc; margin: 10px; padding: 10px">
      <h4>商品 - 大衣 - 99 元</h4>
      <!-- <NumberBox :value="count" @input="change"></NumberBox> -->
      <NumberBox v-model="count"></NumberBox>
    </div>
  </div>
</template>

<script>
import NumberBox from './components/number-box.vue'
export default {
  data() {
    return {
      // msg: 'hello',
      // flag: true,
      count:10,
    }
  },
  components:{
    NumberBox,
  },
  // methods:{
  //   change(num){
  //     this.count=num
  //   }
  // }
}
</script>

<style scoped></style>
